// static/js/show_code.js :

import { showAlertNew, copyToClipboard } from './common.js';


// 获取代码 :
async function get_code_info(title_element) {
    console.log('form提交')
    // 提取文件名 :
    const code_title = title_element.querySelector('.code-title').textContent;
    console.log('--> 文件名 : ' + code_title);
    const api_path = '/code/get_code_info';

    // 自定义表单 :
    var form = document.createElement('form');
    form.method = 'POST';
    form.action = api_path;

    // 创建 title 参数 :
    var title_element = document.createElement('input');
    title_element.type = 'hidden';
    title_element.name = 'title';
    title_element.value = code_title;
    form.appendChild(title_element);

    // 将表单添加到文档并提交 :
    document.body.appendChild(form);
    form.submit();
}


// 图标 :
window.onload = function() {
    var code_title_eles = document.querySelectorAll('.code-title'); // 获取所有的 code-title 元素
    var code_icon_eles = document.querySelectorAll('.code-icon');   // 获取所有的 code-icon 元素

    if(code_title_eles.length === code_icon_eles.length) {
        // 确保每个 code-title 和 code-icon 匹配
        for (var i = 0; i < code_title_eles.length; i++) {
            var code_title = code_title_eles[i].textContent; // 获取每个 code-title 的文本
            console.log('--> 文件名 : ' + code_title);
            var ext = code_title.split('.').pop(); // 获取文件的扩展名

            // 根据文件扩展名设置背景图像
            if(ext === 'py'){
                code_icon_eles[i].style.backgroundImage = "url('../static/ico/py_ico.png')";
            }else if(ext === 'js'){
                code_icon_eles[i].style.backgroundImage = "url('../static/ico/js_ico.png')";
            }else if(ext === 'sh'){
                code_icon_eles[i].style.backgroundImage = "url('../static/ico/sh_ico.png')";
            }else{
                code_icon_eles[i].style.backgroundImage = "url('../static/ico/code_ico.png')";
            }
        }
    } else {
        console.error('code-title 和 code-icon 元素数量不匹配');
    }
};



// 挂在 window 对象 :
window.get_code_info = get_code_info;
